<template>
	<div class="editaddress">

		<div class="editaddresslist" v-for='item in 4'>

				<div class="addressabout" @click='gotosaomalist'>
					<div class='saomaid fsize28'>ML19201912kJK1</div>
					<div class="addressaboutt fsize28">
						<div>{{item}}</div>
						<div class="addressname">陈五五</div>
						<div class="addresscall">12345678910</div>
					</div>
					<div class="addressaboutb fsize24l">广东省，广州市，荔湾区，信义路24号</div>
				</div>
			
		</div>
		
	</div>


</template>

<script>
	export default {
		data() {
			return {
				hour: 10,
				minute: 50,
				second: 32
			};
		},
		onLoad: function() {

		},
		methods: {
			gotosaomalist(e) {
				uni.navigateTo({
					url: '../saomalist/saomalist'
				});
			}
		}
	}
</script>

<style lang="less">


	.chooseall {
		background-color: #FFFFFF;
		display: flex;
		width: 100%;
		justify-content: space-between;
		box-shadow: inset 0px -1px 0px 0px rgba(190, 190, 190,0.2) ;
		// border-bottom: 1px solid #BEBEBE;
		box-shadow: ;
		.choosealll {
			display: flex;
			padding-left: 32rpx;
			image {
				margin: 28rpx 0;
				width: 32rpx;
				height: 32rpx;
			}

			.all {
				margin-left: 16rpx;
				font-size: 28rpx;
				font-weight: 400;
				line-height: 88rpx;
			}
		}

		.chooseallr {
			padding-right: 32rpx;
			font-size: 28rpx;
			font-weight: 400;
			line-height: 88rpx;
		}
	}

	.editaddresslist {
		padding:0 32rpx;
		display: flex;
		justify-content: space-between;

	}
	.addressabout {
		display: flex;
		// flex-wrap: wrap;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		border-bottom: 1px solid #e0e0e0;
		.saomaid {
			margin-left: 50rpx;
			line-height:54rpx;
			margin-bottom: 8rpx;
			padding-top: 12rpx;
		}
		.addressaboutt {
			display: flex;
			.addresscall {
				margin-left: 32rpx;
			}
			.addressname {
				margin-left: 34rpx;
			}
		}
		.addressaboutb {
			padding-bottom: 12rpx;
			margin-top: 8rpx;
			margin-left: 50rpx;
			line-height:54rpx;
			width: 558rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
</style>
